<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>充值成功</title>
    <meta http-equiv="X-UA-Compatible" content="IE=11,IE=10,IE=9,IE=8,IE=7" />
    <!--IE 兼容模式-->
    <meta content="no" name="apple-mobile-web-app-capable" />
    <!-- ios允许全屏 -->
    <meta content="telephone=no" name="format-detection" />
    <!-- 禁止将长数字默认为电话号码 -->
    <link rel="apple-touch-icon" href="http://www.yr202.com/favicon.ico" />
    <!-- ios保存到桌面 -->
    <link rel="shortcut icon " href="http://www.yr202.com/favicon.ico" />
    <style>
        html {
            overflow-x: hidden;
            padding: 0;
            margin: 0;
            font-size: 625%;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            -webkit-text-size-adjust: none;
            -webkit-overflow-scrolling: touch;
            background: #FFF;
        }



        body {
            color: #333;
            background: #FFF;
            width: 100%;
            overflow-x: hidden;
            margin: 0 auto;
            font-family: Helvetica, "微软雅黑", sans-serif;
            font-size: 14px;
            font-size: 14px;
            max-width: 6.4rem;
            -webkit-overflow-scrolling: touch;
            -o-overflow-scrolling: touch;
            -moz-overflow-scrolling: touch;
            position: relative;
        }

        img {
            border: none;
        }

    


        .main{
            margin:0 auto;
            text-align: center;
        }
        .main img{
            width:20%;
            margin-top:20%;
        }
        .main p{
            font-size: 0.5rem;
            font-weight: bold;
        }












        /******************* 自适应【320、480、600】 *******************/

        @media screen and (max-width: 319px) {
            html {
                font-size: 300%;
            }

            .xtitle b {
                border-bottom: 1px dashed #fa8c00;
            }
        }

        @media screen and (min-width: 320px) and (max-width:359px) {
            html {
                font-size: 350%;
            }
            /* 325% */
        }

        @media screen and (min-width: 360px) and (max-width:479px) {
            html {
                font-size: 410%;
            }

            .odds .oddtxt {
                line-height: 0.24rem;
                height: 0.72rem;
            }
            .odds h1 {
                font-size: 0.24rem;
                padding-bottom: 5%;
            }
            .odds li {
                width: 31%;
            }

            .xtitle b {
                border-bottom: 1px dashed #fa8c00;
            }
        }

        @media screen and (min-width: 480px) and (max-width:639px) {
            html {
                font-size: 468%;
            }

            .odds .oddtxt {
                line-height: 0.24rem;
                height: 0.72rem;
            }
            .odds .oddicon .iconfont {
                font-size: 0.6rem;
            }
            .odds h1 {
                font-size: 0.24rem;
                padding-bottom: 5%;
            }
            .odds li {
                width: 31%;
            }
        }

        @media screen and (min-width: 640px) and (max-width:719px) {
            html {
                font-size: 625%;
            }
        }

        @media screen and (min-width: 720px) and (max-width:1080px) {
            html {
                font-size: 705%;
            }
        }

        @media screen and (min-width: 1200px) {
            html {
                font-size: 900%;
            }
        }
    </style>




</head>

<body>

    <div class="main">
        <img src="../images/right.jpg" alt="">
        <p>${title}</p>
        <p>${msg}</p>
    </div>

</body>

</html>